<#macro HeadParams title keywords description url image>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>${title}</title>
  <meta name="keywords" content="${keywords}">
  <meta name="description" content="${description}">
  <meta property="og:site_name" content="${siteName}">
  <meta property="og:type" content="website">
  <meta property="og:title" content="${title}">
  <meta property="og:description" content="${description}">
  <meta property="og:image" content="${image}">
  <#--  <meta property="og:image:width" content="130">
  <meta property="og:image:height" content="130">  -->
  <meta property="og:url" content="${url}">
  <link rel=”canonical” href="${url}" />
  <link rel="shortcut icon" href="https://www.mi.com/favicon.ico">
  <meta name="applicable-device" content="pc,mobile">
  <meta http-equiv="Cache-Control" content="no-transform" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
  <link rel="stylesheet" href="${staticHostPath}/common/css/util.css">
  <link rel="stylesheet" href="${staticHostPath}/components/footer/footer.css">
  <link rel="stylesheet" href="${staticHostPath}/components/navbar/navbar.css">
</#macro>